<?xml version='1.0' encoding='ISO-8859-1' ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"   
      xmlns:jb="http://java.sun.com/jsf/composite/componentes"
      xmlns:p="http://primefaces.org/ui">

    <SCRIPT language="JavaScript" type="text/javascript">
                   
        function handlePlanPagoRequest(xhr, status, args) {
            if(args.validationFailed || !args.CallbackParam) {  
     
            } else {   
                carDialogPlanPago.hide();  
                jQuery('#btnGuardarPlanPago').fadeOut();
            }  
        }  
    </SCRIPT>
    <h:form onsubmit="return checkSubmit();"  id="frmPopupPlanPago">
        <h:panelGrid id="pgFormPlanPago" frame="box">
            <h:panelGrid  id="pgFormPlanPagoMontos" columns="2" cellpadding="4">
                <h:outputLabel value="#{i18n['plan.pago.orden']}" styleClass="label"/>
                <h:outputText value="#{documentoCompraMBean.planPagoDto.orden}"  styleClass="txtCampo"/>

                <h:outputLabel for="itFormPago" rendered="false" styleClass="label" value="#{i18n['plan.pago.forma.pago']}"/>
                <p:selectOneMenu id="itFormPago" rendered="false" value="#{documentoCompraMBean.planPagoDto.formaPagoDto}" required="true"  converter="parametroConvert"  disabled="#{sessionMBean.accionDetalle == applicationMBean.ver}"                               
                                 style="#{applicationMBean.estiloObligatorio}">
                    <f:selectItems value="#{documentoCompraMBean.listaFormaPago}" var="parametroDto"  itemLabel="#{parametroDto.descripcion}" itemValue="#{parametroDto}" />                        
                </p:selectOneMenu>

                

                <h:outputLabel  value="#{i18n['plan.pago.a.liquidar']}" styleClass="label"/>
                <p:inputText id="itALiquidar" label="#{i18n['plan.pago.a.liquidar']}" style="#{applicationMBean.estiloObligatorio}"
                             value="#{documentoCompraMBean.planPagoDto.liquidar}"  readonly="#{sessionMBean.accionDetalle == applicationMBean.ver}"
                             onkeypress="return fn_validaTecla('decimal',this)"
                             required="true" size="10" >
                     <p:ajax event="blur" update=":msjDialogPlanPago :frmPopupPlanPago:pgFormPlanPagoMontos"  listener="#{documentoCompraMBean.verificarMontoLiquidarPago}"/>  
                    <f:validateLength minimum="1" maximum="9" />
                    <f:validateDoubleRange minimum="1"/>
                    <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                </p:inputText>  

                <h:outputLabel  value="#{i18n['plan.pago.pagado']}" styleClass="label"/>
                <h:panelGrid columns="2">
                     <h:outputLabel value="#{documentoCompraMBean.dto.monedaDto.simbolo}" styleClass="subTitulo"/>
                     <h:outputLabel value="#{documentoCompraMBean.planPagoDto.pagado}" styleClass="general" style="text-align: right">
                                    <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                     </h:outputLabel>
                </h:panelGrid> 
                

                <h:outputLabel  value="#{i18n['plan.pago.pendiente']}" styleClass="label"/>
                 <h:panelGrid columns="2">
                     <h:outputLabel value="#{documentoCompraMBean.dto.monedaDto.simbolo}" styleClass="subTitulo"/>
                     <h:outputLabel value="#{documentoCompraMBean.planPagoDto.pendiente}" styleClass="general" style="text-align: right">
                                    <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                </h:outputLabel>
                </h:panelGrid> 
                
                <h:outputLabel for="itFecVenc" value="#{i18n['plan.pago.fecha.vencimiento']}" styleClass="label"/>
                <p:calendar id="itFecVenc" value="#{documentoCompraMBean.planPagoDto.fechaVencimiento}" 
                            mindate="#{documentoCompraMBean.fechaActual}" label="#{i18n['plan.pago.fecha.vencimiento']}" pattern="#{applicationMBean.formatoFecha}"  required="true"
                            style="#{applicationMBean.estiloObligatorio}" size="12" disabled="#{sessionMBean.accionDetalle == applicationMBean.ver}" > 
                </p:calendar>

                <h:outputLabel for="itMoneda" rendered="false" styleClass="label" value="#{i18n['plan.pago.moneda']}"/>                    
                <p:selectOneMenu id="itMoneda" rendered="false" value="#{documentoCompraMBean.planPagoDto.monedaDto}" required="true" converter="monedaConvert" style="#{applicationMBean.estiloObligatorio}" disabled="#{sessionMBean.accionDetalle == applicationMBean.ver}">
                    <f:selectItems value="#{documentoCompraMBean.listaMonedas}" var="monedaDto" itemLabel="#{monedaDto.descripcion}" itemValue="#{monedaDto}" />                        
                </p:selectOneMenu>

            </h:panelGrid>
            <p:separator />


            <p:panel id="pnlAcciones">
                <h:panelGrid columns="10">
                    <p:commandButton id="btnGuardarPlanPago" update=":msjDialogPlanPago,:frmPrincipal:tabPrincipal:tblPlanPago"
                                     title="#{i18n['general.button.guardar.tip']}"
                                     ajax="true" 
                                     style="#{applicationMBean.estilosBtnGuardar}"
                                     rendered="#{sessionMBean.accionDetalle != applicationMBean.ver}"
                                     icon="ui-icon ui-icon-disk" 
                                     value="#{i18n['general.button.guardar']}" 
                                     action="#{documentoCompraMBean.guardarPlanPago}"
                                     oncomplete="handlePlanPagoRequest(xhr, status, args)">
                    </p:commandButton> 


                </h:panelGrid>
            </p:panel>
        </h:panelGrid>
    </h:form>
</html>